<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新闻动态-详情页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
		<link href="../../css/news_list/detail.css" rel="stylesheet" />
		<script src="../../js/statistics.js"></script>
		<style>
			.content_main{
				margin-top:44px;
			}
			.header{
				background: #43ac45;
			}
			.header h1{
				color:#fff;
				font-size:18px;
			}
			.header a{
				color:#fff;
			}
			div {
				overflow-x: hidden;
			}
			.review{
				padding-bottom: 0px;
				margin-bottom:0px; 
			}
			.mui-pull-caption{
				padding-top:0px;
				margin-bottom:0px;
				line-height: 24px;
			}
			.mui-scroll{
				padding-bottom:60px;
			}
			/*标题头行间距*/
			#news_content h2{
				line-height:23px;
			}
			#share{
				/*float:right;
				margin-right:5%;
				width:50px;
				height:100%;
				padding: 0px 11px;*/

				float: right;

				margin-left: 5%;
				width: auto;
				height: 100%;
				padding: 6px 11px;
			}
			#share img{
				width: 20px;
				padding-top: 40%;
			}

			/**/
			.mui-bar .mui-title{
				width: 56%;
				padding-left: 20%;
			}
		</style>

	</head>
	<body>
		<header class="mui-bar mui-bar-nav header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">新闻详情</h1>
			<span id='share'>
				<img src="../../images/icon/news_list/share.png" alt="" />
			</span>
		</header>
		<div class="content_main mui-scroll-wrapper" id='pullrefresh'>
			<div class='mui-scroll'>
				<div class='mui-content'>
				<div id='news_content'>
					<!--新闻内容-->
					
					
				</div>
				</div>
				<!--评论-->
				<div class="review">
					<!--评论总数-->
					<p>共<span id="comment"></span>条评论</p>
					<!--评论列表-->
					<ul id="review" class=''>
						
					</ul>
					<div class="noadd"></div>
				</div>
			</div>
		</div>
		<foot class="foot">
			<div style="margin:0">
                <div class="list-block">
                    <div style="height:50px;position:relative">
                        <img src="../../images/icon/news_list/star.png" style="width:24px;position:absolute;top:7px;" id='setCollect' class="collection noStar">
                        <img src="../../images/icon/news_list/start1.png" style="width:24px;position:absolute;top:7px;" id='cancelCollect' class="collection noStar">
                        
                        <input id="input" type="text" maxlength="140" placeholder="说说你的感想！140字之内">
                        <span id="send">发送</span>
                    </div>
                </div> 
                <p style='color:red;font-size:12px;text-align:center;margin-top: -11px;'>评论内容为140字以内！ </p>
            </div>
		</foot>
		<!--收藏弹出框和取消收藏弹出框-->
		<div class='modal1 none_modal yes'>收藏成功，可在个人中心我的收藏查看TA</div>
		<div class='modal2 none_modal no'>取消收藏成功</div>
		
		<script src="../../plugins/mui/mui.min.js"></script>
		<script src="../../plugins/jquery/jquery-3.1.0.min.js"></script>
		<script src='../../plugins/template/template.js'></script>
		<script src='../../js/md5.js'></script>
		<script src='../../js/getApiToken.js'></script>
		<script src='../../js/fontset.js'></script>
		<script src='../../js/news_list/detail.js'></script>
		<script src='../../js/news_list/share.js'></script>
		
		<script id='list_comment' type='text/html'>
			{{each data as value i}}
    			<li>
					<div class="clear">
						<img src="{{baseurl}}{{value.headimgurl}}" alt="" />
						<span class="left">{{value.nickname}}</span>
						<span class="right">{{value.update_time}}</span>
					</div>
					<p>{{value.content}}</p>
				</li>	
	   		{{/each}}
		</script>
	</body>
</html>
